<template>
	<div class="contents">
		<Header></Header>
		<div class="content">
			<!-- 装修主材 -->
			<section>
					<h4 class="build-title">装修主材</h4>
					<van-row gutter="5" type="flex" class="build-mtb">
					  <van-col span="8">
						<router-link to="/goodsdetail" tag="p" class="main-build">厨房用品</router-link>
					  </van-col>
					  <van-col span="8">
						<p class="main-build">瓷砖</p>
					  </van-col>
					  <van-col span="8">
						<p class="main-build">开关插座</p>
					  </van-col>
					</van-row>
					<van-row gutter="5" type="flex" class="build-mtb">
					  <van-col span="8">
						<p class="main-build">卫浴用品</p>
					  </van-col>
					  <van-col span="8">
						<p class="main-build">墙纸</p>
					  </van-col>
					  <van-col span="8">
						<p class="main-build">地板</p>
					  </van-col>
					</van-row>
					<van-row gutter="5" type="flex" class="build-mtb">
					  <van-col span="8">
						<p class="main-build">五金</p>
					  </van-col>
					  <van-col span="8">
						<p class="main-build">涂料</p>
					  </van-col>
					  <van-col span="8">
						<p class="main-build">石材</p>
					  </van-col>
					</van-row>
			</section>
			
			<!-- 家具辅材 -->
			<section>
					<h4 class="build-title">家具辅材</h4>
					<van-row gutter="5" type="flex" class="build-mtb">
					  <van-col span="8">
						<p class="main-build">墙面工程</p>
					  </van-col>
					  <van-col span="8">
						<p class="main-build">水土工程</p>
					  </van-col>
					  <van-col span="8">
						<p class="main-build">水电材料</p>
					  </van-col>
					</van-row>
					<van-row gutter="5" type="flex" class="build-mtb">
					  <van-col span="8">
						<p class="main-build">地面工程</p>
					  </van-col>
					</van-row>
			</section>
			
			<!-- 全屋定制 -->
			<section>
					<h4 class="build-title">全屋定制</h4>
					<van-row gutter="5" type="flex" class="build-mtb">
					  <van-col span="8">
						<p class="main-build">厨房用品</p>
					  </van-col>
					  <van-col span="8">
						<p class="main-build">瓷砖</p>
					  </van-col>
					  <van-col span="8">
						<p class="main-build">开关插座</p>
					  </van-col>
					</van-row>
					<van-row gutter="5" type="flex" class="build-mtb">
					  <van-col span="8">
						<p class="main-build">厨房用品</p>
					  </van-col>
					  <van-col span="8">
						<p class="main-build">瓷砖</p>
					  </van-col>
					  <van-col span="8">
						<p class="main-build">开关插座</p>
					  </van-col>
					</van-row>
			</section>
			
			<!-- 全屋定制 -->
			<section>
					<h4 class="build-title">全屋定制</h4>
					<van-row gutter="5" type="flex" class="build-mtb">
						<van-col span="8">
							<p class="main-build">厨房用品</p>
						</van-col>
					</van-row>
			</section>
			
			<!-- 全屋定制 -->
			<section>
					<h4 class="build-title">家具软装</h4>
					<van-row gutter="5" type="flex" class="build-mtb">
					  <van-col span="8">
						<p class="main-build">厨房用品</p>
					  </van-col>
					  <van-col span="8">
						<p class="main-build">瓷砖</p>
					  </van-col>
					  <van-col span="8">
						<p class="main-build">开关插座</p>
					  </van-col>
					</van-row>
					<van-row gutter="5" type="flex" class="build-mtb">
					  <van-col span="8">
						<p class="main-build">厨房用品</p>
					  </van-col>
					  <van-col span="8">
						<p class="main-build">瓷砖</p>
					  </van-col>
					  <van-col span="8">
						<p class="main-build">开关插座</p>
					  </van-col>
					</van-row>
			</section>
			
			<!-- 全屋定制 -->
			<section>
					<h4 class="build-title">全屋定制</h4>
					<van-row gutter="5" type="flex" class="build-mtb">
						<van-col span="8">
							<p class="main-build">厨房用品</p>
						</van-col>
					</van-row>
			</section>
		</div>
	</div>
</template>

<script>
import Header from './Header'
import Vue from 'vue'
import { Row, Col } from 'vant'
Vue.use(Row).use(Col);
export default {
	data () {
		return {}
	},
	components: {
		Header
	}
}
</script>

<style lang="scss" scoped="scoped">
@import '@/lib/reset.scss';
.content {
	padding: 0 .1rem;
	box-sizing: border-box;
}
.build-title {
	height: .24rem;
	margin-top: .05rem;
	line-height: .24rem;
	font-size: .16rem;
}
.build-mtb {
	margin: .05rem 0;
}
.main-build {
	height: 1.1rem;
	background: #ccc;
	@include flexbox();
	@include justify-content();
	@include align-items();
}
</style>

